

<div id='type1_area1'>
	<h2 style='text-align:center'>症状管理</h2>

	<div style='margin-bottom:20px'>
		<button id='main_type1_root_viewAdd'>添加分类</button>
		<div id='main_type1_root_addArea' style='display:none'>
			<input type="text" placeholder='输入分类名' id='main_type1_root_inp' />
			<button id='main_type1_root_addBtn'>提交</button>
			<button id='main_type1_root_addCancel'>取消</button>
		</div>
	</div>

	<div id='type1List'>
		<!--div>分类名</div>
		<div style='margin-left:20px;word-break:break-all'>
				sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，sss，
				<div style='float:right;color:blue'>
					<span onclick='_type1_upMove()'>上移</span>　
					<span onclick='_type1_loadEditPage()'>编辑</span>
				</div>
		</div-->
	</div>
</div>


<div id='type1_area2' style='display:none;border:0px solid'></div>


<script>
	var tmp_data;	//临时数据容器
	var tmp_item;	//临时分类单条数据缓存
	var tmp_index; 	//临时下标记录

	_initData();	//初始化数据


	//加载症状编辑页
	function _type1_loadEditPage(o){
		tmp_index = o;
		tmp_item = tmp_data[o];
		$('#type1_area1').hide();
		$('#type1_area2').show();
		Ajax({},function(res){
			$('#type1_area2').html(res);
		},'main_type1_edit.html?t='+Math.random())
	}



	$("#main_type1_root_viewAdd").click(function(){
		$(this).hide();
		$('#main_type1_root_addArea').show();
	});
	$('#main_type1_root_addCancel').click(function(){
		_main_type1_root_addAreaInit();
	});

	//添加分类
	$('#main_type1_root_addBtn').click(function(){
		var typeName = $('#main_type1_root_inp').val().trim();
		if(!typeName){
			return;
		}
		Notice2(1);
		var data = {
			type:'addClass',
			typeName:typeName
		}
		Ajax2(data,function(res){
			Notice2();
			if(res.stat == 'ok'){
				A('添加成功！');
				_main_type1_root_addAreaInit();
				_initData();
			}else{
				A('分类存在，或添加异常！');
			}
		});
	});


	function _main_type1_root_addAreaInit(){
		$('#main_type1_root_viewAdd').show();
		$('#main_type1_root_addArea').hide();
		$('#main_type1_root_inp').val('');
	}
		


	//初始化数据
	function _initData(){
		//获取症状分类数据 fun.js
		_getClassList(function(res){
			if(res.stat=='ok' && res.data.length > 0){

				//排序并归集症状的分类 	fun.js
				var l1 = res.data;	

				tmp_data = l1;	//将数据保存到临时窗口
				var tmp_str = '';
				for(var i=0;i<tmp_data.length;i++){
					tmp_str += "<div style='color:#38a;margin-top:10px;font:normal bold 20px/25px normal'>"+tmp_data[i].name+"<span style='color:#345;font-size:12px;margin-left:30px'>序号："+tmp_data[i].orders+"</span></div>";
					tmp_str += "<div style='margin-left:30px;word-break:break-all'>";
							//遍历显示症状列表
							if(tmp_data[i].subList && tmp_data[i].subList.length > 0){
								for(var j=0;j<tmp_data[i].subList.length;j++){
									if(j < tmp_data[i].subList.length-1){
										tmp_str += tmp_data[i].subList[j].name + "，";
									}else{
										tmp_str += tmp_data[i].subList[j].name;
									}
								}
							}
							tmp_str += "<div style='float:right;color:blue'>";
								tmp_str += "<span onclick=_type1_upMove("+tmp_data[i].id+",'up')>下移</span>　";
								tmp_str += "<span onclick=_type1_upMove("+tmp_data[i].id+",'down')>上移</span>　";
								tmp_str += "<span onclick='_type1_loadEditPage("+i+")'>编辑</span>";
							tmp_str += "</div><div style='clear:both'></div>";
					tmp_str += "</div>";
				}
				$('#type1List').html(tmp_str);
			}
		})
	}


	//分类排序上移
	function _type1_upMove(id,type){
		Notice2(1);
		var data = {
			type:'itemUpDown',
			ctype:type,
			id:id
		}
		Ajax2(data,function(res){
			Notice2();
			if(res.stat == 'ok'){
				_initData();	//初始化数据
			}
		});
	}

</script>